#include("./layout.html")
#@layout()

#define css()

<style>
    .articleCrumb {
        color: #830505;
    }
    .articleCrumb:hover {
        color: #C0272C;
    }
</style>
#end

#define script()
<script type="text/javascript">
</script>
#end

#define content()
    <!-- 当前位置 -->
    <section>
        <div class="container ">
            <div style="background-color:#EDEDED; height: 80px; margin-top: 20px;line-height: 80px; padding-left: 20px;">
                <span style="color: black;">当前位置：</span>
                <span style="color: #830505;"> #articleCrumb(aClass = "articleCrumb",indexUrl="/index.html",indexText="首页") </span>
            </div>
        </div>
    </section>

    <!-- 文章详情 -->
    <section>
        <div class="container">
            <div style="display: flex; flex-direction: column; justify-content: center;">
                <div class="article-info-title single-text-overflow">
                    #(article.title)
                </div>
                <div style="padding-left: 10px; padding-right: 10px;">
                    <hr style="height:2px;border-width:0;color:gray;background-color:gray; margin:15px 0 10px 0px"></hr>
                </div>
                <div class="article-info-author">
                    作者: &nbsp;<span>#(article.author ??)</span> &nbsp;&nbsp;&nbsp;文章来源: &nbsp; <span>---</span>&nbsp;&nbsp;&nbsp;发布时间:
                    &nbsp; <span>#(article.created ??)</span>&nbsp;&nbsp;&nbsp;浏览数量:
                    &nbsp; <span>#(article.view_count ?? 0)</span></div>
                <div class="article-info-content">
                    #(article.content)
                    
                </div>
                
                <div class="article-info-footer">
                     #previousArticle()

                        <div class="single-text-overflow" style="width: 260px; font-size: 16px;"><a href="#(previous.url)">上一篇:<span>#(previous.title ?? )</span></a></div>
                
                    #end
    
                    #nextArticle()
                    <div class="single-text-overflow" style="width: 260px; font-size: 16px;"><a href="#(next.url)">下一篇:<span>#(next.title ??)</span></a></div>
                    #end
                </div>
            </div>

        </div>
    </section>

#end